<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>微信优惠券</title>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <link href="../css/reset.css" rel="stylesheet" charset="utf-8"/>
    <link href="../css/style.css" rel="stylesheet" charset="utf-8"/>
</head>
<body>
<div class="vo-container">
    <div class="vo-comment-container">
        <ul class="vo-comment-list">
            <li class="vo-comment vo-comment-primary">
                <a href="#">
                    <img src="http://placeholder.qiniudn.com/80x80" alt="" class="vo-comment-avatar">
                </a>
                <div class="vo-comment-main">
                    <div class="vo-comment-hd">
                        <div class="vo-comment-meta">
                            <a href="#link-to-user">张XX</a>
                        </div>
                    </div>
                    <div class="vo-comment-bd">
                        <p>朕的购买清单呢？</p>
                    </div>
                </div>
            </li>

            <li class="vo-comment vo-comment-secondary vo-comment-flip">
                <a href="#">
                    <img src="http://placeholder.qiniudn.com/80x80" alt="" class="vo-comment-avatar">
                </a>
                <div class="vo-comment-main">
                    <div class="vo-comment-hd">
                        <div class="vo-comment-meta">
                            <a href="#link-to-user">小甘</a>
                        </div>
                    </div>
                    <div class="vo-comment-bd">
                        <p>皇桑，请看下图！</p>
                    </div>
                </div>
            </li>

            <li class="vo-comment vo-comment-secondary vo-comment-flip vo-comment-order">
                <a href="#">
                    <img src="http://placeholder.qiniudn.com/80x80" alt="" class="vo-comment-avatar">
                </a>
                <div class="vo-comment-main">
                    <div class="vo-comment-hd">
                        <div class="vo-comment-meta">
                            <a href="#link-to-user">小甘</a>
                        </div>
                    </div>
                    <div class="vo-comment-bd">
                        <div class="vo-order-info">
                            <h3>旺仔牛奶<span>（245ml罐）</span></h3>
                            <p>市场价：6.00元</p>
                            <p>实付额：4.00元</p>
                            <p>订单号：GLSP1062151202</p>
                            <p>售货机号：XXXXXXX</p>
                        </div>
                    </div>
                </div>
            </li>

            <li class="vo-comment vo-comment-secondary vo-comment-flip">
                <a href="#">
                    <img src="http://placeholder.qiniudn.com/80x80" alt="" class="vo-comment-avatar">
                </a>
                <div class="vo-comment-main">
                    <div class="vo-comment-hd">
                        <div class="vo-comment-meta">
                            <a href="#link-to-user">小甘</a>
                        </div>
                        <div class="vo-tip-man"></div>
                    </div>
                    <div class="vo-comment-bd">
                        <p>皇桑，皇桑，您还中奖啦！</p>
                    </div>
                </div>
            </li>

            <li class="vo-comment vo-comment-secondary vo-comment-flip vo-comment-coupons">
                <a href="#">
                    <img src="http://placeholder.qiniudn.com/80x80" alt="" class="vo-comment-avatar">
                </a>
                <div class="vo-comment-main">
                    <div class="vo-comment-hd">
                        <div class="vo-comment-meta">
                            <a href="#link-to-user">小甘</a>
                        </div>
                    </div>
                    <div class="vo-comment-bd"><a href="#">甘来9折券</a></div>
                </div>
            </li>

            <li class="vo-comment vo-comment-primary">
                <a href="#">
                    <img src="http://placeholder.qiniudn.com/80x80" alt="" class="vo-comment-avatar">
                </a>
                <div class="vo-comment-main">
                    <div class="vo-comment-hd">
                        <div class="vo-comment-meta">
                            <a href="#link-to-user">张XX</a>
                        </div>
                    </div>
                    <div class="vo-comment-bd">
                        <p>爱卿，深得朕心啊！</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
</body>
</html>